   
<!DOCTYPE html>  
<html>  
    <head>  
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">  
        <link rel="stylesheet" href="css/font-awesome.min.css"/>   		
          
   <script>
    $(function(){
        $('#myModal').modal({
            backdrop:true,
            keyboard:true,
            show:false,
			remote:true
        });
		
		//$("#popover").popover();
		
    });
 </script>
         
    </head>  
    <body>  
         <div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Settings</a>
</div>

   <script>
	$(function () { 
		$("[data-toggle='popover']").popover();
      });
   </script>
</div>
 
    </body>  
</html>  
